a.alt{
position:relative;
background-color:#27c24c;
float:left;
width:20px;height:20px;
border:1px solid #000;
text-decoration:none;
color:#0066cc;
}
a.alt:hover{
	background:#27c24c;
	text-decoration:none;
	z-index:2;
}
a.alt span{
	display:none;
}
a.alt:hover span{
	position:absolute;
	background-color: green;
	display:block;	
	width:400px;
	height:280px;
	border:1px solid #eee;
	z-index:1;
	text-align:left;
}



/*.showbox{
	position: absolute; 
	top:28.5%; 
	left:44.5%;

}

.showbox1{
	position: absolute; 
	top:44.5%; 
	left:44.5%;
}
.showbox2{
	position: absolute; 
	top:61%; 
	left:44.6%;
}
.showbox3{
	position: absolute;
	top:77.4%;
	left:44.6%;
}


@media screen and (min-width: 1401px) { 
	a.alt{		
		width:25px;height:25px;
	}

} 


@media screen and (max-width: 1400px) { 
	a.alt{
		width:20px;height:20px;	
	}
	.showbox{
		
		top:31.19%; 
		left:47.4%
	}

	.showbox1{
		
		top:45.6%; 
		left:47.3%;
	}
	.showbox2{
		
		top:60.6%; 
		left:47.5%;
	}
	.showbox3{
		
		top:76%;
		left:47.5%;
	}

} 
@media screen and (max-width: 1200px) { 
	a.alt{
		width:12px;height:12px;	
	}
	.showbox{
		
		top:28%; 
		left:50.5%
	}

	.showbox1{
		
		top:39%; 
		left:50.5%;
	}
	.showbox2{
		
		top:50.5%; 
		left:50.5%;
	}
	.showbox3{
		
		top:62%;
		left:50.5%;
	}

} 


@media screen and (max-width: 901px) { 
	a.alt{
		width:10px;height:10px;	
	}
	.showbox{		
		top:27.7%; 
		left:52%
	}

	.showbox1{		
		top:37%; 
		left:52%;
	}
	.showbox2{		
		top:46.8%; 
		left:52%;
	}
	.showbox3{		
		top:56.5%;
		left:52%;
	}
} 
*/